.bg-blue {
  background: #338FFF !important;
}
.bg-self-green {
  background: #0ce6e6 !important;
}
.bg-white {
  background: #ffffff !important;
}
.bg-gray {
  background: #6d6d72;
}
.bg-default {
  background: #EFEFF4;
}
.bg-yellow1 {
  background: #ffcc99 !important;
}
.bg-blue1 {
  background: #66CCCC !important;
}
.bg-pink1 {
  background: #FFCCCC !important;
}
.bg-theme {
  background: #0894ec !important;
}
.c-white {
  color: #ffffff !important;
}
.c-black {
  color: #000;
}
.c-red {
  color: red;
}
.c-red1 {
  color: #ff3838;
}
.c-blue {
  color: #41BEFE;
}
.c-beau-green {
  color: #1bd1a4;
}
.c-gray {
  color: #6d6d72 !important;
}
.c-default {
  color: #3d4145;
}
.c-green1 {
  color: #33cc33;
}
.c-theme {
  color: #0894ec !important;
}
html,
body {
  /*font-family: Microsoft YaHei !important;*/
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
}
.self-scroll {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
.overflowAuto {
  overflow: auto !important;
}
li,
ul,
p,
img {
  padding: 0;
  margin: 0;
}
li {
  list-style-type: none;
}
a {
  color: #6d6d72;
}
.f-normal {
  font-size: 0.85rem !important;
}
.f-title-1 {
  font-size: 0.9rem;
}
.f-time {
  font-size: 0.7rem;
}
.f-08 {
  font-size: 0.8rem;
}
.f-little {
  font-size: .6rem !important;
}
.t-center {
  text-align: center;
}
.t-right {
  text-align: right;
}
.t-left {
  text-align: left;
}
.m-t-0 {
  margin-top: 0 !important;
}
.m-b-0 {
  margin-bottom: 0;
}
.m-0 {
  margin: 0;
}
.p-l-0 {
  padding-left: 0 !important;
}
.p-b-0 {
  padding-bottom: 0;
}
.p-0 {
  padding: 0 !important;
}
.m-t {
  margin-top: 0.5rem;
}
.m-l {
  margin-left: 0.5rem;
}
.m-r {
  margin-right: 0.5rem;
}
.m-b {
  margin-bottom: 0.5rem;
}
.p-l {
  padding-left: 0.5rem !important;
}
.p-r {
  padding-right: 0.5rem !important;
}
.p-t22 {
  padding-top: 2.2rem;
}
.p-b22 {
  padding-bottom: 2.5rem;
}
.p-t-b-5 {
  padding: 5px 0;
}
.p-r-5 {
  padding-right: 0.5rem;
}
.w-100p {
  width: 100%;
}
.bar-tab .tab-item .icon {
  width: auto;
  display: block;
}
.list-block.set-ul-b ul::before,
.list-block.set-ul-b ul::after {
  height: 0;
}
.list-block.set-ul-b .item-inner::after {
  height: 0;
}
.list-block.set-ul-b li {
  border-bottom: 1px solid #e7e7e7;
}
.list-block.set-ul-b li:first-child {
  border-top: 1px solid #e7e7e7;
}
.add-link {
  display: flex;
  width: 100%;
  padding-left: 0.75rem;
}
.set-div-b {
  flex-direction: column;
  align-items: flex-start !important;
}
.set-div-b .item-after {
  margin-left: 0;
}
.head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0;
}
.head span {
  flex: 1;
}
.head a {
  flex: 1;
  text-align: right;
  margin: 0 .7rem 0 0;
  font-size: 1rem;
  height: 2.2rem;
  line-height: 2.2rem;
}
.head .head-title {
  font-size: 0.9rem;
  font-weight: 400;
  flex: 1;
  text-align: center;
}
.forbidden-a .item-title {
  color: #6d6d72!important;
}
.forbidden-a:link,
.forbidden-a:visited,
.forbidden-a:hover,
.forbidden-a:active {
  color: #6d6d72 !important;
}
.forbidden-normal-a {
  color: #6d6d72!important;
}
.forbidden-normal-a:link,
.forbidden-normal-a:visited,
.forbidden-normal-a:hover,
.forbidden-normal-a:active {
  color: #6d6d72 !important;
}
.set-icon {
  position: relative;
  top: 2px;
}
.set-icon1 {
  position: relative;
  top: 1px;
}
.hide {
  display: none;
}
.block {
  display: block;
}
.pos-rel {
  position: relative;
}
.pos-abs {
  position: absolute;
}
.l-0 {
  left: 0;
}
.border-t {
  border-top: 1px solid #ccc;
}
.p-t-toolbar {
  padding-top: 2.2rem;
}
.t-22 {
  top: 2.2rem;
}
.b-22 {
  bottom: 2.2rem;
}
.b-24 {
  bottom: 2.4rem;
}
.t-0 {
  top: 0;
}
.m-t-25 {
  margin-top: 2.5rem;
}
.head-no-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 2.2rem;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 90;
  left: 0;
  background-color: #0894ec !important;
}
.head-no-toolbar span {
  flex: 1;
  color: #fff;
}
.head-no-toolbar.no-left-icon .icon {
  position: absolute;
  padding-right: 2rem;
  display: block;
  height: 2.2rem;
  line-height: 2.2rem;
  top: 0;
}
header h1.title {
  background: #0894ec;
  color: #fff;
}
header span {
  position: absolute !important;
  right: 0;
  color: #fff;
  padding-right: 0.5rem !important;
  padding-left: 1.5rem !important;
}
.childImg img {
  max-width: 100%;
  hieght: auto;
}
